<template>
<div class="text-center">
  <p class="text-base font-semibold text-off-white">404</p>
  <h1 class="mt-4 text-3xl font-bold tracking-tight sm:text-5xl">Page not found</h1>
  <p class="mt-6 text-base leading-7">Sorry, we couldn’t find the page you’re looking for.</p>
  <div class="mt-10 flex items-center justify-center gap-x-6">
    <a href="/" class="rounded-md px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2">Go back home</a>
    <a href="mailto:support@jozu.com" class="text-sm font-semibold text-off-white">Contact support <span aria-hidden="true">&rarr;</span></a>
  </div>
</div>
</template>
